<template>
	<view class="content">
		<!-- <view> -->
		<!-- <u-navbar :is-back="false" title="快速提问">
			<view class="u-slot-left">
				取消
			</view>
		</u-navbar> -->
	<uni-nav-bar left-icon="" left-text="取消" right-text="下一步" title="快速提问"></uni-nav-bar>
		<view class="tou">
			<u-icon label="全三甲医院医师" size="40" name="../../static/img/jia.png"></u-icon>
			<u-icon label="三小时内专业回复" size="40" name="../../static/img/shijian.png"></u-icon>
			<u-icon label="隐私保护" size="40" name="../../static/img/suo.png"></u-icon>
		</view>

		<u-line color="#ccc" />
		<view class="u-content">
			<u-parse :html="content"></u-parse>
		</view>
		<view>
			<u-upload ref="uUpload" :action="action" :auto-upload="true"></u-upload>
			<p class="wz">您上传的附件仅对解答问题的医生可见 可上传9个</p>

			<!-- <u-button @click="submit">提交</u-button> -->
		</view>
	</view>
</template>

<script>
	import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue"
	export default {
		 components: {uniNavBar},
		data() {
			return {
				// 非真实地址
				action: 'http://www.example.com/upload',
				content: `
								<p>请描述你的年龄、性别、症状及就诊经历，便于医生进行准确分析，我们会保证你的隐私安全</p>
							
											`
			}
		},
		methods: {
			submit() {
				this.$refs.uUpload.upload();
			},
		}
	}
</script>

<style>
	.content{
		      overflow: hidden;
	}
	.wz {
		transform: translateY(-50%) scale(0.90) !important;
		font-size: 13px;
		text-align: right;
		color: rgba(166, 166, 166, 1);
	}

	.u-content {
		padding: 10px;
		padding-top: 20px;
		height: 150px;
		font-size:15px;
		color: rgba(166, 166, 166, 1);
	}

	.tou {
		border-color: #ccc;
		margin-left: 10px;
		padding: 10px;
		width: 100%;
		height: 50px;
	}
</style>
